<template>
  <div class="a">
    <router-link to="./">
            <img
        class="cha"
        src="https://image.hongbeibang.com/FvpCr89mpooArX7SM26_s5CqdeNL?imageMogr2/strip/thumbnail/640x640"
        alt=""
      />
    </router-link>
    <div class="img1">
      <img
        src="https://image.hongbeibang.com/Fnz_NOU0VlNn-t_hLcXFbatBze_C?imageMogr2/strip/thumbnail/640x640"
        alt=""
      />
      <p class="p1">上传食谱</p>
    </div>
    <div class="img2">
      <img
        src="https://image.hongbeibang.com/FtUJvHaECXwl58x67bktx4KSjnym?imageMogr2/strip/thumbnail/640x640"
        alt=""
      />
      <p class="p2">上传作品</p>
    </div>
    <div class="draft">草稿箱</div>
</div>
         
</template>

<script>
export default {
  data() {
    return {};
  },
   methods: {
      toLogin () {
          this.$router.push('/Login')
      }
  },

  mounted() {},
  created() {
    this.$eventBus.$emit("hideMenu", false);
  },
  beforeDestroy() {
    this.$eventBus.$emit("hideMenu", true);
  },
};
</script>

<style lang="scss" scoped>
.a{
width: 100%;
height: 668px;


.cha {
  width: 27px;
  height: 27px;
  margin-top: 9px;
  margin-left: 10px;
}
.img1{
    img{
        width: 138px;
        height: 138px;
        position: absolute;
        left: 41.4px;
        bottom: 165px;
    };
    .p1{
        position: absolute;
        bottom:120px;
        font-weight: bold;
        
        left: 75px;
    }

}
.img2{
    img{
        width: 138px;
        height: 138px;
        position: absolute;
        left: 241.4px;
        bottom: 165px;
    };
    .p2{
        position: absolute;
        bottom:120px;
        font-weight: bold;
       left: 75px;
        margin-left: 200px;
    }

}
.draft{
    height: 54px;
    border-top:  2px solid;
    border-top-color: #e7e2e5;
    line-height: 54px;
    text-align: center;
    background-color: #fff;
    
    font-weight: bold;
    position: fixed;
    bottom: 55px;
    right: 15px;
    left: 15px;
    z-index: 3;
    max-width: 100%;
    
}
}
</style>
